{% extends 'sub_base.html' %}

{% load static %}

{% block ext_css %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static 'css/code.css' %}">
    <link rel="stylesheet" href="{% static 'css/article.css' %}" type="text/css" media="all">
{% endblock %}

{% block nav_title %}

    <h1>目录</h1>

{% endblock %}

{% block nav_2 %}
    <div class="nav-2 shadow-dark" id="nav-back">
        <a href="{% url 'main:index' %}">返回主页</a>
    </div>
{% endblock %}

{% block nav %}

    <div>
        <ul class="vertical-menu scrollspy">
            {{ article.toc|safe }}
        </ul>
    </div>

{% endblock %}



{% block content %}
    <!-- main content area -->
    <main class="content float-right">

        <!-- single portfolio -->
        <section class="single-portfolio background-white rounded padding-50 shadow-blue mt-0">
            <h2 class="archive-header">{{ article.article_name }}</h2>
            <!-- portfolio info -->
            <ul class="list-inline portfolio-info mb-0 mt-4">
                <li class="list-inline-item"><i class="icon-user"></i>{{ article.article_author }}</li>
                <li class="list-inline-item"><i class="icon-calendar"></i>{{ article.article_create_time }}</li>
            </ul>
            <div class="spacer" data-height="40"></div>
            <div>

                {{ article.article_content|safe }}

            </div>
        </section>

    </main>
{% endblock %}